<template>
	<view class="track" @tap="genavto(list.id)">
		<view class="image">
			<image :src="list.image" mode="widthFix"></image>
		</view>
		<view class="value">
			{{list.value}}
		</view>
	</view>
</template>

<script>
	export default {
		name:"track-list",
		props:{
			list:{
				type:Object,
				default:{}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			genavto(index){
				if(index===4){
					uni.navigateTo({
						url:"/pages/administration/administration"
					})
					return
				}
				if(index===3){
					uni.navigateTo({
						url:"/pages/make/make"
					})
					return
				}
				if(index===8){
					uni.navigateTo({
						url:"/pages/my-username/my-username"
					})
					return
				}
			}
		}
	}
</script>

<style lang="less" scoped> 
.track{
	margin-left: 22rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 150rpx;
	height: 170rpx;
	margin-top: 20rpx;
	.image{
		// margin-top: 0rpx;
		width: 56rpx;
		height: 62rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.value{
		width: 90rpx;
		height: 90rpx;
		white-space: nowrap;
		font-size: 26rpx;
		margin-top: 40rpx;
	}
}
</style>